<%@ page language="java" pageEncoding="gbk"%>
<html>
	<head>
		<title>Zero Ext</title>
		<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
		<%@include file="/base.jsp" %>
		<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/data-view.css" />
		<style>
	        .upload-icon {
	            background: url('/images/common/image_add.png') no-repeat 0 0 !important;
	        }
	        #images-view .thumb {
				padding: 3px;
				margin:0 auto;
			}
	        #images-view .thumb img{
	         	max-width:500px;
				width:expression(document.body.clientWidth > 500? "auto": "auto" );
	        
				border:1px solid white;
				height: 180px;
			}
			
			#detail_view{
			  margin:0 auto;
			  width:450px;
			  height : 360px;
			  padding:3px;
			  }
			#detail_view img{
			    max-width:450px;
				width:expression(document.body.clientWidth > 450? "450px": "auto" );
				}

	        #fi-button-msg {
	            border: 2px solid #ccc;
	            padding: 5px 10px;
	            background: #eee;
	            margin: 5px;
	            float: left;
	        }
	        .directory{
				background-image: url(<%=request.getContextPath()%>/images/common/photo.png) !important;
			}
	    </style>
		<script type="text/javascript" src="<%=request.getContextPath()%>/pages/aboutmaster/photo/myPhotoPanel.js"></script>
		<!-- plug in -->
		<script type="text/javascript" src="<%=request.getContextPath()%>/plugin/view/data-view-plugins.js"></script>
		<script type="text/javascript">
        Ext.onReady(function(){
           Ext.QuickTips.init();
           Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
		   var panel = new MyPhotoPanel({
		   		id : 'myPhotoPanel'
		   });
           new Ext.Viewport({
              layout:'fit',
              items:[panel]
           });
        });
    	</script>
	</head>
	<body>
	</body>
</html>
